<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解JavaScript功能：页面上所有触发型效果 
		     JQuery的使用方式：
			 1.JQuery官方网站：下载JQuery封装js库，格式：jquery-1.11.1.js
			                   jquery-2.X.js之后的版本不支持IE 6、7/8
			 2.引入JQuery【js类库】，在head中，script元素  导入
						    <script src="js/jquery-1.11.1.js"></script> 
			 3.	编写jQuery框架语法---JS页面动态效果
			   在页面最后body前方加script元素 为什么？
			   思考：操作页面的上面元素，body中生成实际页面上的内容，改变页面效果
			   整个html+css   理解为一颗DOM树：元素，属性，属性值，先存在这些元素
			   ，才可以进行操作。所以，IS中DOM树的操作需要等页面元素都加载完毕，
			    才可以进行对页面元素进行实质性作!
			   
			   
				JavaScript行为层  EMCAScript5.0核心语法层--类似于java基础
				                  功能：做逻辑
							重点	  DOM  Document Object Model   文档节点对象模型
								  功能：做页面效果【结合逻辑】
								  DOM树   document    元素、属性、属性值
								           html
										   head  body
										  meta 
									charsert	  
								  BOM  Browser Object Model   浏览器对象模型
								  功能：做浏览器效果【结合逻辑】   吸顶灯效果
		-->
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function(){alert("王培贤wcnm")})
		</script>
	</body>
</html>